<style>
  .addShopAc .item-file{
    height: 100px;
  }
  .addShopAc .item-file>input{
    opacity: 0;
    height: 100%;
    position: absolute;
    right: 0;
    z-index: 999
  }
  .addShopAc textarea{
    resize: none;
  }
  .addShopAc .item-select:after{
    display: none;
  }
  .addShopAc .item{
    border-color: #eee;
  }
  .addShopAc .input-label{
    color: #000000;
  }
</style>
<ion-modal-view class="新增活动">
  <ion-header-bar class="index_head">
    <button class="button button-icon icon ion-android-arrow-back" ng-click="addShopAc.hide()" style="color: #fff"></button>
    <div class="h1 title"> {{reqData.id ? "编辑活动":"新增活动"}}</div>
    <button class="button button-clear button-positive zhuce_head_btn" style="color: #fff;font-size: 14px;" ng-click="addShopAc.done()">保存</button>
  </ion-header-bar>
  <!--<ion-header-bar style="background-color: #f9f9f9">-->
    <!--<button ng-click="addShopAc.hide()" class="button button-icon icon ion-android-arrow-back"></button>-->
    <!--<h1 class="title">{{reqData.id ? "编辑活动":"新增活动"}}</h1>-->
    <!--<div class="button" ng-click="addShopAc.done()" style="color: #f7a341; background: none;">保存</div>-->
  <!--</ion-header-bar>-->
  <ion-content class="addShopAc">
    <div class="list mt10">
      <label class="item item-input">
        <span class="input-label">活动主题</span>
        <input ng-model="reqData.activityTitle" type="text" style="text-align: right; padding-right: 12px;" placeholder="请输入活动主题">
      </label>
      <label class="item item-input item-select">
        <span class="input-label">活动类型</span>
        <select ng-model="reqData.activityType" style="padding-right: 20px; margin-right: 20px;">
          <option value="2">线上活动</option>
          <option value="1">线下活动</option>
        </select>
        <i class="icon shop-activity-icon"></i>
      </label>
      <label class="item item-input item-file" style="margin: 10px -1px; padding-top: 10px; padding-bottom: 10px;">
        <span class="input-label">活动图片</span>
        <input type="file" id="acfile">
        <img id="acimg" ng-src="{{reqData.activityImg ? (baseUrl + reqData.activityImg) : 'img/shop_activity.png'}}?x-oss-process=image/resize,w_750" style="position: absolute; width: 110px; right: 42px; z-index: 10; height: 80px;">

        <i class="icon shop-activity-icon" style="height: 70px; background-position-y: center;"></i>
      </label>
      <label class="item item-input">
        <span class="input-label">活动开始时间</span>
        <input ng-model="date.begin" type="datetime-local" value="{{date.begin}}" style="text-align: right; position: absolute; right: 0; width: 65%;padding-top:2px;" placeholder="请选择活动开始时间">

        <i class="icon shop-activity-icon"></i>
      </label>

      <label class="item item-input">
        <span class="input-label">活动结束时间</span>
        <input ng-model="date.end" type="datetime-local" value="{{date.end}}" style="text-align: right; position: absolute; right: 0; width: 65%;padding-top: 2px;" placeholder="请选择活动结束时间">

        <i class="icon shop-activity-icon"></i>
      </label>
      <label  class="item item-input" ng-if="reqData.activityType != 2">
        <span class="input-label">活动举办地点</span>
      </label>
      <label  class="item item-input" style="border: none; padding-top: 0;" ng-if ="reqData.activityType != 2">
        <textarea style="height: 50px;" rows="6" ng-model="reqData.activityAddress" placeholder="请输入活动举办地点"></textarea>
      </label>
      <label class="item item-input item-select" style="margin-top: 10px;">
        <span class="input-label" >活动费用名称</span>
        <input type="text" style="text-align: right; position: absolute; right: 0; width: 65%;" ng-model="reqData.activityPriceDescribe" placeholder="请输入活动费用名称">
      </label>
      <label class="item item-input item-select">
        <span class="input-label" >活动金额</span>
        <input type="number" style="text-align: right; position: absolute; right: 0; width: 65%;" ng-model="reqData.activityPrice" placeholder="请输入活动金额">
      </label>
      <label class="item item-input">
        <span class="input-label">活动详细描述</span>
      </label>

      <label class="item item-input" style="border: none; padding-top: 0;">
        <textarea rows="6" ng-model="reqData.activityDesc" placeholder="请输入活动详细描述"></textarea>
      </label>
    </div>
    
  </ion-content>
</ion-modal-view>